
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">21176</td>
		    	<td class="value error-col-3 total ko">40.553 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">21040</td>
		    	<td class="value error-col-3 total ko">40.293 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">i.n.c.ConnectTimeoutException: connection timed out: localhost/127.0.0.1:9999<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">10002</td>
		    	<td class="value error-col-3 total ko">19.154 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['331', '984', '1636', '2289', '2942', '3594', '4247', '4899', '5552', '6205', '6857', '7510', '8162', '8815', '9468', '10120', '10773', '11425', '12078', '12731', '13383', '14036', '14688', '15341', '15993', '16646', '17299', '17951', '18604', '19256', '19909', '20562', '21214', '21867', '22519', '23172', '23825', '24477', '25130', '25782', '26435', '27087', '27740', '28393', '29045', '29698', '30350', '31003', '31656', '32308', '32961', '33613', '34266', '34919', '35571', '36224', '36876', '37529', '38182', '38834', '39487', '40139', '40792', '41444', '42097', '42750', '43402', '44055', '44707', '45360', '46013', '46665', '47318', '47970', '48623', '49276', '49928', '50581', '51233', '51886', '52538', '53191', '53844', '54496', '55149', '55801', '56454', '57107', '57759', '58412', '59064', '59717', '60370', '61022', '61675', '62327', '62980', '63633', '64285', '64938'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.63,0.27,0.16,0.15,0.08,0.08,0.14,0.11,0.14,0.11,0.11,0.08,0.11,0.1,0.09,0.08,0.06,0.05,0.07,0.08,0.04,0.05,0.08,0.08,0.1,0.1,0.08,0.09,0.1,0.09,0.08,0.08,0.09,0.09,0.06,0.1,0.06,0.08,0.04,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.02,0.16,0.16,0.14,0.12,0.16,0.16,0.19,4.56,4.91,4.16,3.03,1.89,0.65,0.34,0.32,0.23,0.2,0.23,0.17,0.18,0.17,0.17,0.18,0.45,0.23,0.37,0.47,0.42,0.52,0.65,0.61,0.64,0.46,1.0,2.04,1.09,0.43,0.32,0.21,0.38,0.35,0.74,0.56,0.64,0.29,0.6,0.79,0.51,0.67,0.63,0.41,0.47,0.72,0.77,0.67,0.66,0.47,0.66,0.6,0.51,0.47,0.68,0.58,0.67,0.73,0.56,0.49,0.56,0.56,0.64,0.74,0.54,0.55,0.54,0.46,0.43,0.54,0.44,0.4,0.3,0.27,0.28,0.31,21.81,7.54,3.45,3.2,1.4,0.82,0.37,0.15,0.07
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692799500,[54,108,162,216,226,237,248,259,267,270]],[1692799501,[24,25,26,27,28,28,28,28,28,29]],[1692799502,[45,75,105,135,141,147,153,159,164,166]],[1692799503,[25,35,46,57,59,61,63,65,67,68]],[1692799504,[14,17,21,25,26,26,27,28,28,29]],[1692799505,[16,30,44,58,60,63,66,69,71,72]],[1692799506,[13,14,15,16,16,16,16,16,16,17]],[1692799507,[11,11,12,13,13,13,13,13,13,14]],[1692799508,[13,16,20,23,24,24,25,26,26,27]],[1692799509,[13,13,13,13,13,13,13,13,13,14]],[1692799510,null],[1692799511,[10,10,10,10,10,10,10,10,10,11]],[1692799512,[9,9,10,12,13,13,14,15,15,16]],[1692799513,[7,9,10,10,11,11,11,11,11,12]],[1692799514,[9,9,10,19,19,20,21,22,23,24]],[1692799515,[8,9,10,10,10,10,10,10,10,11]],[1692799516,[9,9,9,9,9,9,9,9,9,10]],[1692799517,[6,7,9,10,10,10,10,10,10,10]],[1692799518,[8,8,9,10,10,10,10,10,10,11]],[1692799519,[8,9,10,10,10,10,10,10,10,10]],[1692799520,[7,9,9,9,10,10,10,10,10,10]],[1692799521,[6,8,8,9,9,9,10,10,10,11]],[1692799522,[9,9,9,9,9,9,9,9,9,9]],[1692799523,[9,11,12,12,12,14,16,18,19,20]],[1692799524,[12,12,12,14,14,15,15,16,16,17]],[1692799525,[7,8,9,11,11,12,12,12,12,12]],[1692799526,[7,9,11,11,11,12,13,13,13,14]],[1692799527,[7,9,10,17,17,17,21,38,58,64]],[1692799528,[8,9,10,13,13,13,15,25,46,52]],[1692799529,[6,8,9,26,36,47,70,79,79,80]],[1692799530,[6,9,11,34,45,48,58,72,85,89]],[1692799531,[5,8,9,27,60,88,117,160,292,334]],[1692799532,[6,15,136,205,284,308,472,565,891,1014]],[1692799533,[12,76,176,299,308,325,388,457,572,620]],[1692799534,[9,58,181,279,284,337,381,443,515,528]],[1692799535,[205,495,644,855,875,904,915,949,987,994]],[1692799536,[324,497,609,713,761,771,809,832,974,986]],[1692799537,[642,841,931,1032,1062,1081,1109,1158,1255,1292]],[1692799538,[669,848,1044,1206,1263,1338,1394,1552,1826,1840]],[1692799539,[817,1177,1392,1697,1827,1872,1954,2012,2146,2155]],[1692799540,[1025,1359,1568,1959,1994,2081,2154,2272,2577,2766]],[1692799541,[1517,1825,2102,2592,2669,2807,2948,3102,3290,3358]],[1692799542,[1827,2265,2536,2906,3127,3213,3311,3583,3812,3901]],[1692799543,[2213,3176,3639,4018,4168,4208,4249,4366,4872,4885]],[1692799544,[3593,4054,4359,4469,4500,4606,4946,5081,5327,5528]],[1692799545,[4110,4548,4849,5398,5449,5510,5660,6085,6313,6328]],[1692799546,[4695,5439,5770,6064,6226,6374,6667,6843,7008,7064]],[1692799547,[4969,5914,6551,7184,7434,7560,7610,7694,7863,7885]],[1692799548,[5252,6514,7329,7941,8110,8261,8434,8552,8707,8772]],[1692799549,[5836,7736,8278,8911,9056,9168,9363,9617,9888,9945]],[1692799550,[6452,8666,9296,9852,9936,10026,10154,10371,10490,10778]],[1692799551,[7728,9437,10344,11079,11167,11265,11425,12058,12654,12846]],[1692799552,[9759,11333,12299,12858,13009,13074,13136,13396,14047,14153]],[1692799553,[11716,12609,13740,14646,14801,14914,15113,15364,15922,16029]],[1692799554,[13330,14634,15385,16012,16061,16166,16294,16367,16422,16472]],[1692799555,[15018,16110,16634,17203,17319,17442,17635,17880,18275,18397]],[1692799556,[15625,17332,17877,18595,18772,18974,19125,19314,19429,19581]],[1692799557,[16514,18558,19313,20022,20138,20236,20522,21157,21340,21455]],[1692799558,[18636,20082,20679,21619,21808,21860,21922,22025,22136,22262]],[1692799559,[19540,21347,22310,23065,23152,23323,23483,23551,23681,23841]],[1692799560,[21087,23228,23834,24609,24723,24833,24897,25068,25285,25486]],[1692799561,[23565,24236,24464,24640,24758,24812,24905,25035,25085,25090]],[1692799562,null],[1692799563,null],[1692799564,null],[1692799565,null],[1692799566,null],[1692799567,null],[1692799568,null],[1692799569,null],[1692799570,null],[1692799571,null],[1692799572,null],[1692799573,null],[1692799574,null],[1692799575,null],[1692799576,null],[1692799577,null],[1692799578,null],[1692799579,null],[1692799580,null],[1692799581,null],[1692799582,null],[1692799583,null],[1692799584,null],[1692799585,null],[1692799586,null],[1692799587,null],[1692799588,null],[1692799589,null],[1692799590,null],[1692799591,null],[1692799592,null],[1692799593,null],[1692799594,null],[1692799595,null],[1692799596,null],[1692799597,null],[1692799598,null],[1692799599,null],[1692799600,null],[1692799601,null],[1692799602,null],[1692799603,null],[1692799604,null],[1692799605,null],[1692799606,null],[1692799607,null],[1692799608,null],[1692799609,null],[1692799610,null],[1692799611,null],[1692799612,null],[1692799613,null],[1692799614,null],[1692799615,null],[1692799616,null],[1692799617,null],[1692799618,null],[1692799619,null],[1692799620,null],[1692799621,null],[1692799622,null],[1692799623,null],[1692799624,null],[1692799625,null],[1692799626,null],[1692799627,null],[1692799628,null],[1692799629,null],[1692799630,null],[1692799631,null],[1692799632,null],[1692799633,null],[1692799634,null],[1692799635,null],[1692799636,null],[1692799637,null],[1692799638,null],[1692799639,null],[1692799640,null],[1692799641,null],[1692799642,null],[1692799643,null],[1692799644,null],[1692799645,null],[1692799646,null],[1692799647,null],[1692799648,null],[1692799649,null],[1692799650,null],[1692799651,null],[1692799652,null],[1692799653,null],[1692799654,null],[1692799655,null],[1692799656,null],[1692799657,null],[1692799658,null],[1692799659,null],[1692799660,null],[1692799661,null],[1692799662,null],[1692799663,null],[1692799664,null],[1692799665,null],[1692799666,null],[1692799667,null],[1692799668,null],[1692799669,null],[1692799670,null],[1692799671,null],[1692799672,null],[1692799673,null],[1692799674,null],[1692799675,null],[1692799676,null],[1692799677,null],[1692799678,null],[1692799679,null],[1692799680,null],[1692799681,null],[1692799682,null],[1692799683,null],[1692799684,null],[1692799685,null],[1692799686,null],[1692799687,null],[1692799688,null],[1692799689,null],[1692799690,null],[1692799691,null],[1692799692,null],[1692799693,null],[1692799694,null],[1692799695,null],[1692799696,null],[1692799697,null],[1692799698,null],[1692799699,null],[1692799700,null],[1692799701,null],[1692799702,null],[1692799703,null],[1692799704,null],[1692799705,null],[1692799706,null],[1692799707,null],[1692799708,null],[1692799709,null],[1692799710,null],[1692799711,null],[1692799712,null],[1692799713,null],[1692799714,null],[1692799715,null],[1692799716,null],[1692799717,null],[1692799718,null],[1692799719,null],[1692799720,null],[1692799721,null],[1692799722,null],[1692799723,null],[1692799724,null],[1692799725,null],[1692799726,null],[1692799727,null],[1692799728,null],[1692799729,null],[1692799730,null],[1692799731,null],[1692799732,null],[1692799733,null],[1692799734,null],[1692799735,null],[1692799736,null],[1692799737,null],[1692799738,null],[1692799739,null],[1692799740,null],[1692799741,null],[1692799742,null],[1692799743,null],[1692799744,null],[1692799745,null],[1692799746,null],[1692799747,null],[1692799748,null],[1692799749,null],[1692799750,null],[1692799751,null],[1692799752,null],[1692799753,null],[1692799754,null],[1692799755,null],[1692799756,null],[1692799757,null],[1692799758,null],[1692799759,null],[1692799760,null],[1692799761,null],[1692799762,null],[1692799763,null],[1692799764,null],[1692799765,null],[1692799766,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692799500,[2,2,0]],[1692799501,[2,2,0]],[1692799502,[2,2,0]],[1692799503,[2,2,0]],[1692799504,[2,2,0]],[1692799505,[2,2,0]],[1692799506,[2,2,0]],[1692799507,[2,2,0]],[1692799508,[2,2,0]],[1692799509,[2,2,0]],[1692799510,[0,0,0]],[1692799511,[2,2,0]],[1692799512,[4,4,0]],[1692799513,[6,6,0]],[1692799514,[7,7,0]],[1692799515,[4,4,0]],[1692799516,[3,3,0]],[1692799517,[7,7,0]],[1692799518,[8,8,0]],[1692799519,[5,5,0]],[1692799520,[6,6,0]],[1692799521,[6,6,0]],[1692799522,[1,1,0]],[1692799523,[6,6,0]],[1692799524,[4,4,0]],[1692799525,[7,7,0]],[1692799526,[9,9,0]],[1692799527,[13,13,0]],[1692799528,[16,16,0]],[1692799529,[20,20,0]],[1692799530,[22,22,0]],[1692799531,[26,26,0]],[1692799532,[29,29,0]],[1692799533,[33,33,0]],[1692799534,[36,36,0]],[1692799535,[39,39,0]],[1692799536,[42,42,0]],[1692799537,[46,46,0]],[1692799538,[49,49,0]],[1692799539,[52,52,0]],[1692799540,[56,56,0]],[1692799541,[58,58,0]],[1692799542,[63,63,0]],[1692799543,[65,65,0]],[1692799544,[69,69,0]],[1692799545,[72,72,0]],[1692799546,[76,76,0]],[1692799547,[78,78,0]],[1692799548,[82,82,0]],[1692799549,[86,86,0]],[1692799550,[89,89,0]],[1692799551,[91,91,0]],[1692799552,[95,95,0]],[1692799553,[99,99,0]],[1692799554,[102,102,0]],[1692799555,[105,105,0]],[1692799556,[108,108,0]],[1692799557,[112,112,0]],[1692799558,[115,115,0]],[1692799559,[118,118,0]],[1692799560,[122,118,4]],[1692799561,[125,29,96]],[1692799562,[128,0,128]],[1692799563,[131,0,131]],[1692799564,[136,0,136]],[1692799565,[138,0,138]],[1692799566,[141,0,141]],[1692799567,[144,0,144]],[1692799568,[148,0,148]],[1692799569,[152,0,152]],[1692799570,[155,0,155]],[1692799571,[157,0,157]],[1692799572,[162,0,162]],[1692799573,[164,0,164]],[1692799574,[168,0,168]],[1692799575,[171,0,171]],[1692799576,[174,0,174]],[1692799577,[178,0,178]],[1692799578,[181,0,181]],[1692799579,[185,0,185]],[1692799580,[187,0,187]],[1692799581,[189,0,189]],[1692799582,[196,0,196]],[1692799583,[198,0,198]],[1692799584,[201,0,201]],[1692799585,[203,0,203]],[1692799586,[208,0,208]],[1692799587,[211,0,211]],[1692799588,[214,0,214]],[1692799589,[217,0,217]],[1692799590,[221,0,221]],[1692799591,[223,0,223]],[1692799592,[228,0,228]],[1692799593,[230,0,230]],[1692799594,[235,0,235]],[1692799595,[237,0,237]],[1692799596,[240,0,240]],[1692799597,[243,0,243]],[1692799598,[247,0,247]],[1692799599,[251,0,251]],[1692799600,[253,0,253]],[1692799601,[257,0,257]],[1692799602,[260,0,260]],[1692799603,[264,0,264]],[1692799604,[267,0,267]],[1692799605,[270,0,270]],[1692799606,[273,0,273]],[1692799607,[277,0,277]],[1692799608,[280,0,280]],[1692799609,[283,0,283]],[1692799610,[287,0,287]],[1692799611,[290,0,290]],[1692799612,[293,0,293]],[1692799613,[297,0,297]],[1692799614,[300,0,300]],[1692799615,[303,0,303]],[1692799616,[306,0,306]],[1692799617,[310,0,310]],[1692799618,[312,0,312]],[1692799619,[317,0,317]],[1692799620,[320,0,320]],[1692799621,[323,0,323]],[1692799622,[325,0,325]],[1692799623,[330,0,330]],[1692799624,[290,0,290]],[1692799625,[351,0,351]],[1692799626,[283,0,283]],[1692799627,[281,0,281]],[1692799628,[253,0,253]],[1692799629,[352,0,352]],[1692799630,[281,0,281]],[1692799631,[195,0,195]],[1692799632,[459,0,459]],[1692799633,[217,0,217]],[1692799634,[131,0,131]],[1692799635,[254,0,254]],[1692799636,[596,0,596]],[1692799637,[200,0,200]],[1692799638,[21,0,21]],[1692799639,[533,0,533]],[1692799640,[98,0,98]],[1692799641,[250,0,250]],[1692799642,[211,0,211]],[1692799643,[482,0,482]],[1692799644,[406,0,406]],[1692799645,[771,0,771]],[1692799646,[15,0,15]],[1692799647,[180,0,180]],[1692799648,[1756,0,1756]],[1692799649,[860,0,860]],[1692799650,[419,0,419]],[1692799651,[421,0,421]],[1692799652,[426,0,426]],[1692799653,[428,0,428]],[1692799654,[409,0,409]],[1692799655,[337,0,337]],[1692799656,[372,0,372]],[1692799657,[345,0,345]],[1692799658,[365,0,365]],[1692799659,[395,0,395]],[1692799660,[323,0,323]],[1692799661,[343,0,343]],[1692799662,[444,0,444]],[1692799663,[319,0,319]],[1692799664,[259,0,259]],[1692799665,[431,0,431]],[1692799666,[224,0,224]],[1692799667,[643,0,643]],[1692799668,[300,0,300]],[1692799669,[268,0,268]],[1692799670,[282,0,282]],[1692799671,[595,0,595]],[1692799672,[444,0,444]],[1692799673,[521,0,521]],[1692799674,[147,0,147]],[1692799675,[470,0,470]],[1692799676,[2479,0,2479]],[1692799677,[559,0,559]],[1692799678,[511,0,511]],[1692799679,[515,0,515]],[1692799680,[489,0,489]],[1692799681,[462,0,462]],[1692799682,[475,0,475]],[1692799683,[578,0,578]],[1692799684,[443,0,443]],[1692799685,[311,0,311]],[1692799686,[934,0,934]],[1692799687,[540,0,540]],[1692799688,[478,0,478]],[1692799689,[483,0,483]],[1692799690,[595,0,595]],[1692799691,[361,0,361]],[1692799692,[380,0,380]],[1692799693,[631,0,631]],[1692799694,[132,0,132]],[1692799695,[492,0,492]],[1692799696,[320,0,320]],[1692799697,[425,0,425]],[1692799698,[959,0,959]],[1692799699,[184,0,184]],[1692799700,[276,0,276]],[1692799701,[1578,0,1578]],[1692799702,[353,0,353]],[1692799703,[0,0,0]],[1692799704,[1820,0,1820]],[1692799705,[320,0,320]],[1692799706,[190,0,190]],[1692799707,[0,0,0]],[1692799708,[0,0,0]],[1692799709,[0,0,0]],[1692799710,[0,0,0]],[1692799711,[0,0,0]],[1692799712,[0,0,0]],[1692799713,[0,0,0]],[1692799714,[0,0,0]],[1692799715,[0,0,0]],[1692799716,[0,0,0]],[1692799717,[0,0,0]],[1692799718,[0,0,0]],[1692799719,[0,0,0]],[1692799720,[0,0,0]],[1692799721,[0,0,0]],[1692799722,[0,0,0]],[1692799723,[0,0,0]],[1692799724,[0,0,0]],[1692799725,[0,0,0]],[1692799726,[0,0,0]],[1692799727,[0,0,0]],[1692799728,[0,0,0]],[1692799729,[0,0,0]],[1692799730,[0,0,0]],[1692799731,[0,0,0]],[1692799732,[0,0,0]],[1692799733,[0,0,0]],[1692799734,[0,0,0]],[1692799735,[0,0,0]],[1692799736,[0,0,0]],[1692799737,[0,0,0]],[1692799738,[0,0,0]],[1692799739,[0,0,0]],[1692799740,[0,0,0]],[1692799741,[0,0,0]],[1692799742,[0,0,0]],[1692799743,[0,0,0]],[1692799744,[0,0,0]],[1692799745,[0,0,0]],[1692799746,[0,0,0]],[1692799747,[0,0,0]],[1692799748,[0,0,0]],[1692799749,[0,0,0]],[1692799750,[0,0,0]],[1692799751,[0,0,0]],[1692799752,[0,0,0]],[1692799753,[0,0,0]],[1692799754,[0,0,0]],[1692799755,[0,0,0]],[1692799756,[0,0,0]],[1692799757,[0,0,0]],[1692799758,[0,0,0]],[1692799759,[0,0,0]],[1692799760,[0,0,0]],[1692799761,[0,0,0]],[1692799762,[0,0,0]],[1692799763,[0,0,0]],[1692799764,[0,0,0]],[1692799765,[0,0,0]],[1692799766,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692799500,[1,1,0]],[1692799501,[2,2,0]],[1692799502,[2,2,0]],[1692799503,[3,3,0]],[1692799504,[2,2,0]],[1692799505,[1,1,0]],[1692799506,[3,3,0]],[1692799507,[2,2,0]],[1692799508,[2,2,0]],[1692799509,[2,2,0]],[1692799510,[0,0,0]],[1692799511,[2,2,0]],[1692799512,[4,4,0]],[1692799513,[6,6,0]],[1692799514,[7,7,0]],[1692799515,[4,4,0]],[1692799516,[3,3,0]],[1692799517,[7,7,0]],[1692799518,[7,7,0]],[1692799519,[6,6,0]],[1692799520,[6,6,0]],[1692799521,[6,6,0]],[1692799522,[1,1,0]],[1692799523,[6,6,0]],[1692799524,[4,4,0]],[1692799525,[7,7,0]],[1692799526,[9,9,0]],[1692799527,[13,13,0]],[1692799528,[16,16,0]],[1692799529,[19,19,0]],[1692799530,[23,23,0]],[1692799531,[23,23,0]],[1692799532,[26,26,0]],[1692799533,[32,32,0]],[1692799534,[31,31,0]],[1692799535,[23,23,0]],[1692799536,[43,43,0]],[1692799537,[31,31,0]],[1692799538,[41,41,0]],[1692799539,[42,42,0]],[1692799540,[36,36,0]],[1692799541,[42,42,0]],[1692799542,[46,46,0]],[1692799543,[31,31,0]],[1692799544,[44,44,0]],[1692799545,[35,35,0]],[1692799546,[30,30,0]],[1692799547,[40,40,0]],[1692799548,[35,35,0]],[1692799549,[52,52,0]],[1692799550,[37,37,0]],[1692799551,[44,44,0]],[1692799552,[44,44,0]],[1692799553,[52,52,0]],[1692799554,[35,35,0]],[1692799555,[49,49,0]],[1692799556,[40,40,0]],[1692799557,[48,48,0]],[1692799558,[38,38,0]],[1692799559,[47,47,0]],[1692799560,[44,44,0]],[1692799561,[35,35,0]],[1692799562,[37,37,0]],[1692799563,[26,26,0]],[1692799564,[33,33,0]],[1692799565,[56,56,0]],[1692799566,[27,27,0]],[1692799567,[27,27,0]],[1692799568,[44,44,0]],[1692799569,[42,42,0]],[1692799570,[43,43,0]],[1692799571,[54,54,0]],[1692799572,[41,41,0]],[1692799573,[47,47,0]],[1692799574,[47,47,0]],[1692799575,[45,45,0]],[1692799576,[45,45,0]],[1692799577,[56,56,0]],[1692799578,[37,37,0]],[1692799579,[49,49,0]],[1692799580,[52,52,0]],[1692799581,[43,43,0]],[1692799582,[34,34,0]],[1692799583,[57,57,0]],[1692799584,[36,36,0]],[1692799585,[54,54,0]],[1692799586,[10,10,0]],[1692799587,[0,0,0]],[1692799588,[243,0,243]],[1692799589,[867,0,867]],[1692799590,[979,0,979]],[1692799591,[838,0,838]],[1692799592,[559,0,559]],[1692799593,[123,0,123]],[1692799594,[0,0,0]],[1692799595,[0,0,0]],[1692799596,[0,0,0]],[1692799597,[0,0,0]],[1692799598,[0,0,0]],[1692799599,[0,0,0]],[1692799600,[0,0,0]],[1692799601,[0,0,0]],[1692799602,[0,0,0]],[1692799603,[0,0,0]],[1692799604,[0,0,0]],[1692799605,[0,0,0]],[1692799606,[0,0,0]],[1692799607,[23,0,23]],[1692799608,[6,0,6]],[1692799609,[4,0,4]],[1692799610,[57,0,57]],[1692799611,[9,0,9]],[1692799612,[9,0,9]],[1692799613,[0,0,0]],[1692799614,[9,0,9]],[1692799615,[0,0,0]],[1692799616,[1,0,1]],[1692799617,[5,0,5]],[1692799618,[0,0,0]],[1692799619,[2,0,2]],[1692799620,[0,0,0]],[1692799621,[2,0,2]],[1692799622,[5,0,5]],[1692799623,[0,0,0]],[1692799624,[8,0,8]],[1692799625,[50,0,50]],[1692799626,[24,0,24]],[1692799627,[12,0,12]],[1692799628,[4,0,4]],[1692799629,[5,0,5]],[1692799630,[1,0,1]],[1692799631,[0,0,0]],[1692799632,[0,0,0]],[1692799633,[0,0,0]],[1692799634,[0,0,0]],[1692799635,[0,0,0]],[1692799636,[0,0,0]],[1692799637,[0,0,0]],[1692799638,[0,0,0]],[1692799639,[0,0,0]],[1692799640,[0,0,0]],[1692799641,[0,0,0]],[1692799642,[0,0,0]],[1692799643,[0,0,0]],[1692799644,[58,0,58]],[1692799645,[61,0,61]],[1692799646,[43,0,43]],[1692799647,[27,0,27]],[1692799648,[2587,0,2587]],[1692799649,[1849,0,1849]],[1692799650,[392,0,392]],[1692799651,[79,0,79]],[1692799652,[96,0,96]],[1692799653,[75,0,75]],[1692799654,[23,0,23]],[1692799655,[56,0,56]],[1692799656,[32,0,32]],[1692799657,[65,0,65]],[1692799658,[57,0,57]],[1692799659,[56,0,56]],[1692799660,[73,0,73]],[1692799661,[56,0,56]],[1692799662,[68,0,68]],[1692799663,[49,0,49]],[1692799664,[38,0,38]],[1692799665,[55,0,55]],[1692799666,[75,0,75]],[1692799667,[87,0,87]],[1692799668,[69,0,69]],[1692799669,[70,0,70]],[1692799670,[142,0,142]],[1692799671,[79,0,79]],[1692799672,[245,0,245]],[1692799673,[173,0,173]],[1692799674,[62,0,62]],[1692799675,[266,0,266]],[1692799676,[5117,0,5117]],[1692799677,[835,0,835]],[1692799678,[481,0,481]],[1692799679,[457,0,457]],[1692799680,[477,0,477]],[1692799681,[354,0,354]],[1692799682,[403,0,403]],[1692799683,[571,0,571]],[1692799684,[321,0,321]],[1692799685,[352,0,352]],[1692799686,[1637,0,1637]],[1692799687,[490,0,490]],[1692799688,[423,0,423]],[1692799689,[568,0,568]],[1692799690,[577,0,577]],[1692799691,[230,0,230]],[1692799692,[498,0,498]],[1692799693,[623,0,623]],[1692799694,[152,0,152]],[1692799695,[261,0,261]],[1692799696,[100,0,100]],[1692799697,[609,0,609]],[1692799698,[889,0,889]],[1692799699,[13,0,13]],[1692799700,[209,0,209]],[1692799701,[2066,0,2066]],[1692799702,[54,0,54]],[1692799703,[0,0,0]],[1692799704,[5384,0,5384]],[1692799705,[1050,0,1050]],[1692799706,[738,0,738]],[1692799707,[431,0,431]],[1692799708,[1194,0,1194]],[1692799709,[351,0,351]],[1692799710,[286,0,286]],[1692799711,[299,0,299]],[1692799712,[221,0,221]],[1692799713,[186,0,186]],[1692799714,[122,0,122]],[1692799715,[277,0,277]],[1692799716,[567,0,567]],[1692799717,[104,0,104]],[1692799718,[82,0,82]],[1692799719,[154,0,154]],[1692799720,[182,0,182]],[1692799721,[158,0,158]],[1692799722,[168,0,168]],[1692799723,[129,0,129]],[1692799724,[68,0,68]],[1692799725,[88,0,88]],[1692799726,[46,0,46]],[1692799727,[84,0,84]],[1692799728,[55,0,55]],[1692799729,[39,0,39]],[1692799730,[64,0,64]],[1692799731,[139,0,139]],[1692799732,[103,0,103]],[1692799733,[230,0,230]],[1692799734,[72,0,72]],[1692799735,[303,0,303]],[1692799736,[1438,0,1438]],[1692799737,[1304,0,1304]],[1692799738,[1215,0,1215]],[1692799739,[986,0,986]],[1692799740,[474,0,474]],[1692799741,[46,0,46]],[1692799742,[71,0,71]],[1692799743,[137,0,137]],[1692799744,[149,0,149]],[1692799745,[98,0,98]],[1692799746,[157,0,157]],[1692799747,[294,0,294]],[1692799748,[147,0,147]],[1692799749,[81,0,81]],[1692799750,[32,0,32]],[1692799751,[64,0,64]],[1692799752,[42,0,42]],[1692799753,[55,0,55]],[1692799754,[7,0,7]],[1692799755,[24,0,24]],[1692799756,[47,0,47]],[1692799757,[69,0,69]],[1692799758,[287,0,287]],[1692799759,[80,0,80]],[1692799760,[83,0,83]],[1692799761,[673,0,673]],[1692799762,[167,0,167]],[1692799763,[0,0,0]],[1692799764,[722,0,722]],[1692799765,[63,0,63]],[1692799766,[57,0,57]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 2414.0, color: '#68b65c'},{name: 'KO', y: 52218.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[6,9],[7,259],[7,69],[8,28],[8,159],[8,65],[8,28],[8,16],[8,13],[8,26],[8,10],[9,13],[10,9],[11,15],[12,10],[12,16],[14,11],[15,10],[15,10],[16,22],[16,10],[16,10],[16,18],[19,10],[21,12],[29,13],[39,38],[45,25],[53,79],[56,72],[62,160],[71,565],[79,457],[81,443],[81,949],[93,1158],[98,832],[108,1552],[109,2272],[112,2012],[119,3102],[120,4366],[129,3583],[129,6085],[132,5081],[132,6843],[140,8552],[141,7694],[151,10371],[157,9617],[159,12058],[164,13396],[167,16367],[175,19314],[177,15364],[179,17880],[183,22025],[192,23551],[195,21157],[195,25068],[198,25035]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[28,60001],[35,62088],[118,61760],[166,54331],[170,63480],[179,60000],[194,29552],[195,32272],[195,60001],[198,31406],[199,30424],[203,28476],[204,26317],[210,25251],[221,60001],[228,27391],[229,23602],[230,24653],[232,60001],[238,22268],[242,60733],[243,20710],[247,61744],[250,19049],[251,21551],[257,18466],[259,17263],[260,16309],[266,14010],[267,61532],[270,60737],[271,15402],[272,62489],[272,61955],[273,12971],[275,61494],[276,60439],[277,11334],[277,9660],[279,60001],[281,60000],[285,11817],[288,60001],[289,64348],[291,60000],[296,60000],[298,64714],[298,60259],[303,60557],[306,60835],[307,60000],[309,63398],[311,60822],[314,60023],[315,61281],[317,60001],[319,61671],[322,62770],[323,61270],[327,61281],[332,62316],[334,61704],[335,62076],[339,62198],[342,63354],[347,60001],[348,63056],[350,63469],[351,60001],[354,60482],[355,62964],[355,60000],[358,60616],[360,63197],[361,60000],[363,64499],[363,60000],[365,60403],[367,63904],[372,62989],[376,62126],[379,61153],[382,60392],[387,60015],[390,60001],[390,60001],[390,60000],[396,60000],[398,60000],[399,60027],[403,60224],[406,60001],[407,60270],[410,60001],[411,60201],[419,60001],[420,60001],[423,60000],[432,60001],[436,60881],[440,60337],[451,60000],[456,60001],[459,60042],[478,60000],[490,60001],[508,60001],[521,60000],[523,60001],[525,60000],[528,60000],[529,61053],[531,60000],[539,60000],[546,60001],[551,60001],[565,61303],[569,60002],[570,60000],[572,60000],[589,60000],[591,60000],[592,61588],[595,60000],[603,44319],[604,60000],[631,60000],[636,60001],[638,60001],[657,62247],[667,60000],[690,60001],[715,60000],[718,60001],[736,60000],[737,61981],[778,60000],[786,60000],[925,60995],[1055,60000],[1148,60000],[1180,60001],[1952,60001],[2184,60001],[2237,60001],[3028,60001]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
